<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery实现添加自定义标签代码</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<link href="../css/label.css" type="text/css" rel="stylesheet" />
</head>
<body>

<div class="demo" class="col-md-12 ">
	
	<div class="plus-tag tagbtn clearfix" id="myTags"></div>

	<div class="plus-tag-add">
		<form id="" action="" class="login">
			<ul class="Form FancyForm">
				<li>
					<span class="label">About me</span>
					<input id="" name="" type="text" class="stext" maxlength="20" />
					<label>input label</label>
					<span class="fff"></span>
				</li>
				<li>
					<button type="button" class="Button RedButton Button18" style="font-size:22px;">add labels</button>
					<a href="javascript:void(0);">Recommended labels</a>
				</li>
			</ul>
		</form>
	</div><!--plus-tag-add end-->
	
	<div id="mycard-plus" style="display:none;">
		<div class="default-tag tagbtn">
			<div class="clearfix">
				<a value="-1" title="Travel" href="javascript:void(0);"><span>Travel</span><em></em></a>
				<a value="-1" title="Internet" href="javascript:void(0);"><span>Internet</span><em></em></a>
				<a value="-1" title="it" href="javascript:void(0);"><span>it</span><em></em></a>
				<a value="-1" title="French" href="javascript:void(0);"><span>French</span><em></em></a>
				<a value="-1" title="English" href="javascript:void(0);"><span>English</span><em></em></a>
				<a value="-1" title="JAVA" href="javascript:void(0);"><span>JAVA</span><em></em></a>
				<a value="-1" title="Photograph" href="javascript:void(0);"><span>Photograph</span><em></em></a>
				<a value="-1" title="Sculpture" href="javascript:void(0);"><span>Sculpture</span><em></em></a>
				<a value="-1" title="Drawing" href="javascript:void(0);"><span>Drawing</span><em></em></a>
				<a value="-1" title="Jazziness" href="javascript:void(0);"><span>Jazziness</span><em></em></a>
				<a value="-1" title="Running" href="javascript:void(0);"><span>Running</span><em></em></a>
				<a value="-1" title="PHP" href="javascript:void(0);"><span>PHP</span><em></em></a>
				<a value="-1" title="Dreamweaver" href="javascript:void(0);"><span>Dreamweaver</span><em></em></a>
				<a value="-1" title="Shopping" href="javascript:void(0);"><span>Shopping</span><em></em></a>
				<a value="-1" title="Writing" href="javascript:void(0);"><span>Writing</span><em></em></a>
				<a value="-1" title="Diving" href="javascript:void(0);"><span>Diving</span><em></em></a>
				<a value="-1" title="Basketball" href="javascript:void(0);"><span>Basketball</span><em></em></a>
				<a value="-1" title="Reading" href="javascript:void(0);"><span>Reading</span><em></em></a>                   
			</div>
			
		
	</div><!--mycard-plus end-->
		
</div>



<script type="text/javascript" src="../js/label.js">

</script>

</body>
</html>